/*

需要适配
基于小米平板、ipad等像素，
1536*2048(ppi/160=2)
横屏:1024px
竖屏:768px

小米2 720*1280(ppi/160=2)：
横屏:640px
竖屏:360px

小米3,4 1080*1920(ppi/160=3)：
横屏:640px
竖屏:360px

红米note等操蛋的 720*1280(ppi/160=1.5)
横屏:853px
竖屏:480px

*/

.navbar-custom {
    width: 100%;
    height: 50px;
    border-radius: 0px;
    background-color: rgb(148,148,148);
    border: 0px;
    border-top: solid 1px rgb(121,121,121);
    border-bottom: solid 1px rgb(121,121,121);
    display: table;
    font-size: 1.2em;

}

.navbar-custom ul {
    height: 100%;
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: left;
}

.navbar-custom>ul>li {
    float: left;
    width: auto;
    height: 100%;
    display: list-item;
}

.navbar-custom>ul>li>button {
    margin: 10px;
    background-color: rgb(102,102,102);
    color: #ffffff;
}

.navbar-custom>ul>li>button:hover,.navbar-custom>ul>li>button:visited {
    color: #ffffff;
}



.navbar-custom>ul>li>a:first-child {
    margin-left: 10px;
}

.navbar-custom>ul>li>a {
    position: relative;
    display: block;
    padding-top: 15px;
    padding-right:15px ;
    padding-bottom: 15px;
    color: #ffffff;
}


.navbar-custom>.nav_right{
    float: right;
    margin-right: 10px;
}


.navbar-custom>ul>li:hover {
    background-color: #b3b3b3;
}

.navbar-custom>ul>li>a:hover {
    text-decoration: none;
}



@media  (max-width: 768px) {
    .navbar-custom>ul>li>a {
        padding-top: 15px;
        padding-bottom: 15px;

    }
}


@media (max-width: 768px) and (min-width:481px)  {
    .col-lp-1,.col-lp-10,.col-lp-11,.col-lp-12,.col-lp-2,.col-lp-3,.col-lp-4,.col-lp-5,.col-lp-6,.col-lp-7,.col-lp-8,.col-lp-9 {
        float: left
    }

    .col-lp-12 {
        width: 100%
    }

    .col-lp-11 {
        width: 91.66666667%
    }

    .col-lp-10 {
        width: 83.33333333%
    }

    .col-lp-9 {
        width: 75%
    }

    .col-lp-8 {
        width: 66.66666667%
    }

    .col-lp-7 {
        width: 58.33333333%
    }

    .col-lp-6 {
        width: 50%
    }

    .col-lp-5 {
        width: 41.66666667%
    }

    .col-lp-4 {
        width: 33.33333333%
    }

    .col-lp-3 {
        width: 25%
    }

    .col-lp-2 {
        width: 16.66666667%
    }

    .col-lp-1 {
        width: 8.33333333%
    }
}

@media (max-width: 480px) and (min-width:321px)  {
    .col-sp-1,.col-sp-10,.col-sp-11,.col-sp-12,.col-sp-2,.col-sp-3,.col-sp-4,.col-sp-5,.col-sp-6,.col-sp-7,.col-sp-8,.col-sp-9 {
        float: left
    }

    .col-sp-12 {
        width: 100%
    }

    .col-sp-11 {
        width: 91.66666667%
    }

    .col-sp-10 {
        width: 83.33333333%
    }

    .col-sp-9 {
        width: 75%
    }

    .col-sp-8 {
        width: 66.66666667%
    }

    .col-sp-7 {
        width: 58.33333333%
    }

    .col-sp-6 {
        width: 50%
    }

    .col-sp-5 {
        width: 41.66666667%
    }

    .col-sp-4 {
        width: 33.33333333%
    }

    .col-sp-3 {
        width: 25%
    }

    .col-sp-2 {
        width: 16.66666667%
    }

    .col-sp-1 {
        width: 8.33333333%
    }
}


@media (max-width: 320px)   {
    .col-xp-1,.col-xp-10,.col-xp-11,.col-xp-12,.col-xp-2,.col-xp-3,.col-xp-4,.col-xp-5,.col-xp-6,.col-xp-7,.col-xp-8,.col-xp-9 {
        float: left
    }

    .col-xp-12 {
        width: 100%
    }

    .col-xp-11 {
        width: 91.66666667%
    }

    .col-xp-10 {
        width: 83.33333333%
    }

    .col-xp-9 {
        width: 75%
    }

    .col-xp-8 {
        width: 66.66666667%
    }

    .col-xp-7 {
        width: 58.33333333%
    }

    .col-xp-6 {
        width: 50%
    }

    .col-xp-5 {
        width: 41.66666667%
    }

    .col-xp-4 {
        width: 33.33333333%
    }

    .col-xp-3 {
        width: 25%
    }

    .col-xp-2 {
        width: 16.66666667%
    }

    .col-xp-1 {
        width: 8.33333333%
    }
}


.top-nav{
    width: 100%;
    height: 40px;
    border-radius: 0px;
    background-color: rgb(148,148,148);
    border: 0px;
    border-top: solid 1px rgb(121,121,121);
    border-bottom: solid 1px rgb(121,121,121);
    display: inline-table;
}


